<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>CarBoom</title>	
		<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/960_12_col.css">
		<link rel="stylesheet" href="css/estilo.css">
		<script>
			function Redireciona(opcao){
				location.href=opcao;
			}
		</script>
	</head>
	<body>
		<div id="wrapper">
			<div class="container_12">
				<header class="grid_12">
					<img class="grid_4" id="logo" src="img/logopqn.png" alt="CarBoom">
					<div id="login">
						<div id="text">Usuário <input type="text" name="usuario"></div>
						<div id="text2">Senha <input type="text" name="senha"></div>
						<input type="submit" class="login" name="enviar" value="Login">
					</div>
				</header>
				<nav class="grid_12">
					<div id="search">
						<h3>Encontre o seu carro:</h3>
						<form action="camaro.html">
							<input class="busca" type="text" name="Busca">
							<input class="boom" type="submit" name="procurar" value="Boom">
						</form>
					</div>
					<div id="busca" class="grid_12">
						<h3>Busca por: </h3>
						<ul id="menu">
							Marcas
							<select name="opcoes" id="drop_menu" onchange="Redireciona(this.value)">
								<optgroup label="Marcas">
								<option value="camaro.html">Chevrolet</option>
								<option value="camaro.html">Ford</option>
								<option value="camaro.html">Fiat</option>
								<option value="camaro.html">Vokswagen</option>
							</select>	
							Tipo
							<select name="opcoes" id="drop_menu" onchange="Redireciona(this.value)">
								<optgroup label="Tipo">
								<option value="camaro.html">Conversível</option>
								<option value="camaro.html">Sedan</option>
								<option value="camaro.html">Hatch</option>
								<option value="camaro.html">SUV</option>
							</select>
						</ul>
					</div>		
				</nav>
				<article class="galeria grid_12">
					<div class="slideshow">
						<img src="img/01_OLD.jpg" width="500" height="400" alt="Passo_1">
						<img src="img/02_OLD.jpg" width="500" height="400"alt="Passo_2">
						<img src="img/03_OLD.jpg" width="500" height="400"alt="Passo_3">
						<img src="img/04_OLD.jpg" width="500" height="400"alt="Passo_4">
					</div>	
					<div class="botao">
						<img src="img/botao.png" alt="botao 1" class="botao_1 ativado">
						<img src="img/botao.png" alt="botao 2" class="botao_2 parado">
						<img src="img/botao.png" alt="botao 3" class="botao_3 parado">
						<img src="img/botao.png" alt="botao 4" class="botao_4 parado">
					</div>
				</article>
			</div>
		</div>
		<div class="footer" align="center">
			<div class="footerDepoimento">
			</div>
		</div>
				
		<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
		<script src="js/slideshow.js" type="text/javascript"></script>
	</body>
</html>